<?php
session_start();
include 'lang.php';
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>ELISSH</title>
<link rel="icon" type="image/x-icon" href="images/favicon_16x16.ico"></link>
<link type="text/css" rel="stylesheet" href="css/style.css" />
<script type="text/javascript" src="js/jquery-1.8.0.min.js"></script>
<script type="text/javascript" src="js/1234.js"></script>
<script type="text/javascript" src="http://maps.googleapis.com/maps/api/js?sensor=false&language="></script>
<script type="text/javascript">
var map;
function initialize() {
      var myLatlng = new google.maps.LatLng( 37.487276,127.022042);
      var myOptions = {
    zoom: 14,
    center: myLatlng,
    mapTypeId: google.maps.MapTypeId.ROADMAP
}
map = new google.maps.Map(document.getElementById("div_id"), myOptions); 
  // BiÃ¡ÂºÂ¿n text chÃ¡Â»Â©a nÃ¡Â»â„¢i dung sÃ¡ÂºÂ½ Ã„â€˜Ã†Â°Ã¡Â»Â£c hiÃ¡Â»Æ’n thÃ¡Â»â€¹
var text;
text= "<b style='color:#00F' " + 
"style='text-align:center'>(주)엘리소프트<br />" + 
" 서울시 서초구 서초동 1617-34번지 3층 </b>";
   var infowindow = new google.maps.InfoWindow(
    { content: text,
        size: new google.maps.Size(100,50),
        position: myLatlng
    });
       infowindow.open(map);    
    var marker = new google.maps.Marker({
      position: myLatlng, 
      map: map,
      title:"(주)엘리소프트!"
  });
}
</script>
<script type="text/javascript">
$(function(){
	$('li#menu_contact').css("background","#1692cf");
	$('a#menu_contact').css("color","#1692cf");
});

function contacts(){
	var clientname = $('#clientname').val();
	if(clientname==''){
		$('#clientname').focus();
		return false;
	}
	var clientemail = $('#clientemail').val();
	if(clientemail==''){
		$('#clientemail').focus();
		return false;
	}else{
		if(!validEmail($('#clientemail'),clientemail)){
			return false;
		}
	}
	var contactcontent = $('#contactcontent').val();
	if(contactcontent==''){
		$('#contactcontent').focus();
		return false;
	}
	
	$.ajax({url:"ajax/contacts.php",data : $('#formcontact').serialize(),success:function(result){		
		alert('Contact successful');
	}});
}

function validEmail(ele,val){
	var atPos = val.indexOf("@");
	var docPos = val.lastIndexOf(".");
	if(atPos<1 || dotPos<atPost+2 || dotPos+2>=val.length){
		$(ele).focus();
		return false;
	}return true;
}

</script>
</head>


<body onload="initialize();">
	<div id="wrapper">
		<div id="top">
			<img src="images/logo.png" alt="logo" />
		</div>
		<?php include 'main.php';?>

		<div id="main">

			<div id="main1">
				<div class="post-item">
					<h3>
					<?=$l_c_companyname?>
					</h3>

					<ul style="width: 450px; margin: 20px 5px">
						<li><span class="left-ct"><?=$l_c_address_r11?> </span><span
							class="lid-ct"><?=$l_c_address_r12?> </span>
						</li>
						<div class="clear"></div>
						<li><span class="left-ct"><?=$l_c_address_r21?> </span><span
							class="lid-ct"><?=$l_c_address_r22?> </span>
						</li>
						<div class="clear"></div>
						<li><span class="left-ct"><?=$l_c_address_r31?> </span><span
							class="lid-ct"><?=$l_c_address_r32?> </span>
						</li>
						<div class="clear"></div>
						<li><span class="left-ct"><?=$l_c_address_r41?> </span><span
							class="lid-ct"> <?=$l_c_address_r42?> </span>
						</li>
						<div class="clear"></div>
						<li><span class="left-ct"><?=$l_c_address_r51?> </span><span
							class="lid-ct"> <?=$l_c_address_r52?> </span>
						</li>
					</ul>
				</div>

				<div class="post-item">
				<div id="div_id" style="height:470px; width:470px"></div>
				
				</div>
			</div>
			<!-- end main1-->
		</div>
		<!--end main-->

		<?php include 'footer.php';?>
	</div>
	<!-- end wapper-->
</body>
</html>
